﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Main css -->
<link href="assets/css/main-style.css" rel="stylesheet" >

</head>

<body>
<!-- Navigation Area
	===================================== -->
	<div class="logo-section">
		<div class="container">
			<div class="logo-wrap">
				<div class="logo">
					<a href="index.html"><img class="" src="assets/images/logo.png" alt=""></a>
				</div>
				
				<div class="widget_product_search">
					<input type="text" class="form-control search-box" placeholder="Search">
					<button type="submit" class="submit-search"><i class="fa fa-search"></i></button>
				</div>
			</div>
		</div>
	</div>

<!-- Navigation Area
===================================== -->
<div class="navbar-sticky">
	<nav class="navbar navbar-index-top shadow">
		<div class="container header-container">
			<div id="main-menu-wrap"><a href="#" class="menu-trigger"></a></div>
			<!-- Main Menu -->
			<div id="main-menu" class="main-nav mega_menu_wrapper ">
			
				<ul id="custom-menu" class="main-menu mega_menu">
					<li class="menu-child-list"><a href="index.html">Home</a></li>
					<li class="menu-child-list"><a href="about.html">About us</a></li>
					<li><a href="shop.html">Shop</a></li>
					<li><a href="shop-single.html">Shop single</a></li>
					<li><a href="shop-cart.html">Cart</a></li>
					<li><a href="shop-checkout.html">Checkout</a></li>
					<li class="menu-child-list"><a href="contact-us.html">Contact</a></li>
				</ul>
			</div>
			
			<div class="pull-right nav-right-section">
				<ul class=" navbar-mini-cart-wrapper">
					<li>
						<i class="fa fa-phone" aria-hidden="true"></i> +021-3456-789
					</li>
					<li>
						<a href="#" class="navbar-mini-cart-btn">
							<i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
							<span class="item-count">21</span>
						</a>
						<ul class="navbar-mini-cart">
							<li class="item">
								<div class="product-img">
									<img src="assets/images/products/small-1.jpg" alt="">
								</div>
								<div class="product-details">
									<h6>Name of the product</h6>
									<p>$255.5</p>
									<a href="#"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
								</div>
							</li>
							<li class="item">
								<div class="product-img">
									<img src="assets/images/products/small-2.jpg" alt="">
								</div>
								<div class="product-details">
									<h6>Name of the product</h6>
									<p>$155.5</p>
									<a href="#"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
								</div>
							</li>
							<li class="minicart-price-total">
								<div class="price-total">
									<span class="label-price-total">Subtotal</span>
									<div class="price-total-w">
										<span>$255.5</span>
									</div>
								</div>

								<div class="checkout-btn">
									<a href="shop-cart.html" class="btn btn-default">View Cart</a>
									<a href="shop-checkout.html" class="btn btn-default ml-5">checkout</a>
								</div>
							</li>
						</ul>
					</li>
				</ul> <!-- end  navbar-mini-cart -->
			</div>
		</div>

	</nav>
</div>

<div id="page_wrapper"></div>

<!-- Common Header Area
===================================== -->
<section>
	<div class="breadcrumps-back">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="breadcrumps-heading">
						<h1>Contact Us</h1>
						<div class="breadcrumps-border"></div>
						<ul>
							<li> <a href="index.html"> Home</a> /</li>
							<li> <a href="#"> Contact Us</a></li>
							<li></li>
						</ul>	
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- Page Content Area
===================================== -->
<section id="contact-page" class="ptb-100">
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="media contact-detail-media"> 
					<div class="media-left"> 
						<i class="fa fa-map-marker" aria-hidden="true"></i>
					</div> 
					
					<div class="media-body"> 
						<h4 class="media-heading">Address</h4> 
						<p class="">
							House: 1/a, 23 Ara Street,

						</p> 
						<p>
							NY, USA
						</p>
					</div> 
				</div>
			</div>
			
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="media contact-detail-media"> 
					<div class="media-left"> 
						<i class="fa fa-phone" aria-hidden="true"></i>
					</div> 
					
					<div class="media-body"> 
						<h4 class="media-heading">Phone</h4> 
						<p class="">
							+021-3456-789
						</p> 
						<p>
							+021-3456-780
						</p>
					</div> 
				</div>
			</div>
			
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="media contact-detail-media"> 
					<div class="media-left"> 
						<i class="fa fa-envelope" aria-hidden="true"></i>
					</div> 
					
					<div class="media-body"> 
						<h4 class="media-heading">Email</h4> 
						<p class="">
							support@mail.com

						</p> 
						<p>
							info@mail.com
						</p>
					</div> 
				</div>
			</div>
		</div>
		
		<div class="row pt-70">
			<div class="col-md-6">
				<div class="reply-form">
								
					<!-- Post Form -->
					<form class="form contact-us-form" name="contactform" id='contact_form' method="post" action='mail.php'>
						<div class="clearfix">
							<div id="contact_message"></div>
							
							<div class="col-xs-6">
								<!-- Name -->
								<div class="form-group inner-addon left-addon">
									<label for="exampleInputEmail1">name</label>
									<i class="fa fa-user" aria-hidden="true"></i>
									<input type="text" name="cf_name" class="form-control gardener-reply-form" id="exampleInputEmail1" pattern=".{2,100}" required>
								</div>
							</div>
							<div class="col-xs-6">
								<!-- Email -->
								<div class="form-group inner-addon left-addon">
									<label for="exampleInputEmail2">Email</label>
									<i class="fa fa-envelope" aria-hidden="true"></i>
									<input type="email" name="cf_email" class="form-control gardener-reply-form" id="exampleInputEmail2"  required>
								</div>
							</div>
							
							<div class="col-xs-12">
								<!-- Subject -->
								<div class="form-group inner-addon left-addon">
									<label for="exampleInputEmail3">subject</label>
									<i class="fa fa-tag" aria-hidden="true"></i>
									<input type="text" name="cf_subject" class="form-control gardener-reply-form" id="exampleInputEmail3"  required>
								</div>
							</div>
							
							<div class="col-xs-12">
								<!-- Message -->
								<div class="form-group inner-addon left-addon">
									<label for="exampleInputEmail4">message</label>
									<i class="fa fa-comment" aria-hidden="true"></i>
									<textarea rows="10" name="cf_message" class="form-control gardener-reply-area" id="exampleInputEmail4"></textarea>
								</div>

								<div class="form-group inner-addon">
									<label for="capcha" class="d_inline_b">Anti-spam test: 4+4=</label>
									<input id="capcha" type="text" name="cf_anti_spam" class="d_inline_b">
								</div>
								
							</div>
							
							<div class="col-xs-12">
								<!-- Send Button -->
								<button class="btn btn-default">Submit</button>
							</div>
						</div>
						
						
						
						
					</form>
				</div>
			</div>
			
			<div class="col-md-6">
				<div id="contact">
					<!-- Start Google Map -->
					<div id="map"></div>
					<!-- End Google Map -->
				</div>
				
				<div class="contact-page-social pt-40">
					<ul>
						<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
						<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
						<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- End Section Image Content  -->



<!-- Footer Area
===================================== -->
<footer class="footer-back">
	<div class="container">
		<div class="row">
			<div class="col-md-3 col-xs-12 foot-left">
			</div>
			<div class="foot-right col-md-9">
				<div class="row">
				<div class="col-md-4 col-sm-12 col-xs-12">
					<div class="footer-widget">
						<img class="footer-logo" src="assets/images/logo.png" alt="">
						
						<p>Duis autem vel eum irure dolor vul uputate velt esse molestie cie suautem vel eupm irure dolo, ulputate velit esse molestie. Dui autem vel eum irure dolorytr ulputate velit.</p>
						
						<address>
							House: 1/a, 23 Gray Street, NY, USA<br>
							+021-3456-789<br>
							<a href="mailto:#">support@organixmail.com</a>
						</address>
					</div>
				</div>
				
				<div class="col-md-4 col-sm-12 col-xs-12">
					<div class="footer-widget">
						<h3>Insta Feed</h3>
						
						<div id="instagram-feed" data-instagram-username="vossen_inc"><ul></ul></div>
					</div>
				</div>
				
				<div class="col-md-4 col-sm-12 col-xs-12">
					<div class="footer-widget">
						<h3>Working Hour</h3>
						
						<table class="table table-inverse">
							<tbody>
								<tr>
									<td class="working-day">Monday</td>
									<td class="working-hour">09.00- 18.00</td>
								</tr>
								<tr>
									<td class="working-day">Tuesday</td>
									<td class="working-hour">09.00- 18.00</td>
								</tr>
								<tr>
									<td class="working-day">wednesday</td>
									<td class="working-hour">09.00- 18.00</td>
								</tr>
								<tr>
									<td class="working-day">Thursday</td>
									<td class="working-hour">09.00- 18.00</td>
								</tr>
								<tr>
									<td class="working-day">Friday</td>
									<td class="working-hour">09.00- 18.00</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-8 col-md-offset-2">
				<div class="footer-copyright-content text-center ptb-60">
					<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- End Section Image Content  -->


<!-- ============ Js Files ============ -->
	<!-- Placed at the end of the document so the pages load faster -->
	
	<!-- Core js -->
	<script src="assets/js/jquery-3.1.1.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>	
	
	<script src="assets/js/menu.js"></script>	
	<script src="assets/js/jquery.sticky.js"></script>	
	<script src="assets/js/owl.carousel.min.js"></script>	
	<script src="assets/js/appear.js"></script>	
	<script src="assets/js/appear.js"></script>	
	<script src="assets/js/jquery.dcjqaccordion.min.js"></script>	
	<!--<script src="assets/js/instagram.js"></script>-->	
	<script src="assets/js/jquery.ytplayer.js"></script>	
	
	<!-- Google Map -->
	<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyAvpnlHRidMIU374bKM5-sx8ruc01OvDjI"></script>
	<script src="assets/js/gmap3.min.js"></script>		
	
	<!-- Custom Script -->		
	<script src="assets/js/main.js"></script>	
	
	
	
	
</body>
</html>

